// 负责管理所有的自定义指令
// 钩子函数 绑定 插入  解绑  组件更新
// export const imagerror = {
//     // 到页面上会执行inserted
//     inserted(dom, options) {
//         //   dom认为此时就是图片
//         // 当图片有地址但是没有加载成功会报错
//         dom.src=dom.src||options.value
//         dom.onerror = function () {
//             //   options是指令中的变量的解释
//             // 可以捕获到图片触发了错误
//             // 根据指令后面传递的新的图片默认路径
//             // 把新图片路径赋值给出错的路径
//             dom.src = options.value//不能写死
//             //   当图片异常时候会将指令位置的默认图片设置为图片的内容
//  dom.onerror=function(){
//             dom.src=options.value
//         }

//         }
//     },
   
    // inserted(dom, options) {
    //     // dom:当前指令作用的dom对象(比如目前的图片)  options
    //     // 会在当前dom元素插入到节点之后执行
    //     // 当图片有地址但没有加载成功会报错，会触发图片的事件 =onerror
    //     dom.onerror = function () {
    //         // 当图片出现异常会将指令配置的默认图片设置为图片的内容
    //         dom.src = options.value//不能固定写死
    //     }
    // }
// }
export const imagerror={
    inserted(dom,options){
         //   图片异常的逻辑
    //  监听img标签的错误事件  因为图片加载失败 会触发  onerror事件
        dom.src=dom.src||options.value
        dom.onerror=function(){
            dom.src=options.value
        }
    },
    componentUpdated(dom, options) {
        dom.src = dom.src || options.value
      }
}
// 在main.js中全局注册


